/* stylelint-disable media-feature-name-no-unknown */
.bg-image(@url) {
  background-image: url("@{url}.png");
  background-repeat: no-repeat;
  background-size: 100%;

  @media (min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
    background-image: url("@{url}@2x.png");
    background-repeat: no-repeat;
    background-size: 100%;
  }

  @media (min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    background-image: url("@{url}@3x.png");
    background-repeat: no-repeat;
    background-size: 100%;
  }
}
